﻿define('ui/controller/airController', [], function() {

	var airController = {
			
		initial: function(){
			$("em.cl-air>span").first().text('空气指标');
			
			airController.render();
		},
		
		render: function(){
			var html = 	'<ul class="classify-sort-type">'+
							'<li id="cl-0" class="sort-select">'+
								'<span class="cl-area-name">'+
									'SO2'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-0" class="">'+
								'<span class="cl-area-name">'+
									'NO2'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-1" class="">'+
								'<span class="cl-area-name">'+
									'CO'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-0" class="sort-select">'+
								'<span class="cl-area-name">'+
									'O3'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-0" class="">'+
								'<span class="cl-area-name">'+
									'PM2.5'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-1" class="">'+
								'<span class="cl-area-name">'+
									'PM10'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
							'<li id="cl-1" class="">'+
								'<span class="cl-area-name">'+
									'综指'+
								'</span>'+
								'<span class="cl-right-arrow">'+
								'</span>'+
							'</li>'+
						'</ul>';
		
			$("#air").html(html); 
			$('#air ul.classify-sort-type li').first().addClass('sort-select');
			
			airController.onMove();
			airController.onSelect();
		},
		
		onMove: function() {
			$('#air ul.classify-sort-type li').each(function(){
				$(this).mouseover(function(){
					$('ul.classify-sort-type li').removeClass('sort-select');
					$(this).addClass('sort-select');
				});
			});
		},
		
		onSelect: function() {
			$('#air ul.classify-sort-type li').each(function(){
				$(this).click(function(){
					$("em.cl-air>span").first().text($(this).text());
					$('#air ul.classify-sort-type li').removeClass('sort-select');
					$(this).addClass('sort-select');
					$(".classsify-down").css({"display":"none"});
				});
			});
		}
	};
	
	return airController;
});